<template>
    <view class="cord">
        <view class="cord-header">
            <view class="icon">
				<image src="../static/icon/cord_title_icon.png" mode=""></image>
			</view>
            <text>{{ title }}</text>
        </view>

		<view class="main">
			<slot></slot>
		</view>
    </view>
</template>

<script>
export default {
	name: 'cord',
    props: {
        title: String
    }
}
</script>

<style lang="scss" scoped>
.cord {
	background-color: #fff;
	padding: 0 30rpx;
}
.cord-header {
	display: flex;
	align-items: center;
	font-size: 28rpx;
	height: 85rpx;

	.icon {
		padding-right: 12rpx;
	}

	.icon image {
		width: 4rpx;
		height: 18rpx;
	}
}

.main{
	padding: 10rpx 0;
}
</style>